<template>
<div class="m-add-course">
    <ul>
        <li v-for="course in courses" :key="course.name">{{course.name}} - ￥{{course.price}}</li>
    </ul>
</div>
</template>

<script>
    export default {
        name: "courseList",
        props: {
            courses: {
                prototype: Array,
                default: []
            }
        }
    }
</script>

<style scoped>

</style>